﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegDefault.aspx.cs" Inherits="Boiling.Web.RegDefault" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head3" runat="server">
    <title>Boiling社区注册用户</title>
    <link href="css/defaultstyle.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    	<script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>
		<script src="scriptaculous/src/effects.js" type="text/javascript"></script>
		<script type="text/javascript" src="fabtabulous.js"></script>
		<script type="text/javascript" src="validation.js"></script>
		<link rel="stylesheet" type="text/css" href="css/sheetstyle.css" />

</head>

<body>
    <div style = "position:absolute; left: 17%; top: 0%; z-index:100;"><img src="images/logo_text2.png" alt="Boiling" width="315" height="130" border="0" /></div>
<!-- top navigation start -->
	<div id="topNav" >
	    <form runat = "server">
	      <ul>
			    <li><a href="HomePage.aspx" title="Home" >个人首页</a></li>
			    <li><a href="ModifyPass.aspx" title="ModifyInfo" class="hover">修改密码</a></li>
			    <li><a href="ModifyInfo.aspx" title="Modify">修改信息</a></li>
			    <li><a href="SearchFriend.aspx" title="AddFriend">添加好友</a></li>
			    <li><a href="QuickStart.aspx" title="Help">帮助</a></li>
			    <li><a href="AboutUs.aspx" title="Contact">关于我们</a></li>
	      </ul>
	    </form>
	</div>
<!-- top navigation end -->
	<!-- body start -->
	<div id="body" style="background-color: #FFFFFF; padding: 80px 0px 0px 20px; background: url(images/frame4.jpg); background-repeat:repeat-x; width: 1000; position:relative; left: 000px;">
		<div id="Pannel" style="margin-right: 80px; margin-left: 60px; margin-bottom: 20px;">
		<div id="container" style = "margin-bottom: 20px; padding-bottom: 20px;">
			<div id="mainmenu">
					<ul id="tabs">
						<li>
							<a href="#standard">基本信息</a>
						</li>
					</ul>
				<div class="panel" id="standard">
					<form id="test" action="ModifyConfirm.aspx" method="post">
					<fieldset>
						<legend>资料填写区域</legend>
						<div class="form-row">
							<div class="field-label"><label for="field8">原始密码</label>:</div>
							<div class="field-widget"><input type="password" name="oldPassWord" id="oldPassWord" class="required validate-password" title="Enter a password greater than 6 characters" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field8">新密码</label>:</div>
							<div class="field-widget"><input type="password" name="PassWord" id="PassWord" class="required validate-password" title="Enter a password greater than 6 characters" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field9">确认新密码</label>:</div>
							<div class="field-widget"><input type="password" name="rePassWord" id="rePassWord" class="required validate-password-confirm" title="Enter the same password for confirmation" /></div>
						</div>
					</fieldset>
					<input type="submit" value="提交" /> <input type="button" value="重置" onclick="valid.reset(); return false" />
					</form>
					<script type="text/javascript">
					    function formCallback(result, form) {
					        window.status = "valiation callback for form '" + form.id + "': result = " + result;
					    }

					    var valid = new Validation('test', { immediate: true, onFormValidate: formCallback });
					    Validation.addAllThese([
							['validate-password', '你的密码不能低于六位，且不能与你的用户名相同。', {
							    minLength: 6,
							    notOneOf: ['password', 'PASSWORD', '123456', '012345'],
							    notEqualToField: 'UserName'
}],
							['validate-password-confirm', '请确认您两次输入的密码是否一致。', {
							    equalToField: 'PassWord'
}]
						]);
					</script>
				</div>
		</div>
		
		<script type="text/javascript">
		    new Fabtabs('tabs');
		</script>
		</div>
		</div>
		<!-- body pannel end -->
	</div>
	<!-- body end -->
	<!-- footer start -->
	<div id="footer" style ="margin-top:-65px">
	    <img src="images/bottomShadow.png" alt="Boiling" width="778" height="130" border="0" style ="margin-left:-8%"/>
		<p>Boiling Design Group. All rights reserved.</p><br class="spacer" />
    </div>
	<!-- footer end -->	

</body>
</html>
